<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>优购商城</title>
<!--载入css样式-->
<link rel="stylesheet" type="text/css" href="Public/Home/css/base.css"/>
<link rel="stylesheet" type="text/css" href="Public/Home/css/filter.css"/>
<link rel="stylesheet" type="text/css" href="Public/Home/css/order.css"/>

</head>
<body>
<!--载入头部公共模板-->
<script src="Public/Home/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	var cart = "http://127.0.0.1/project/legou/index.php?m=Home&c=Cart&a=getCart"
</script>
<!--头部公用模板-->
<div id="header">
	<!--顶部banner-->
	<div class="top_banner">
		<a class="block" href="#"></a>
	</div>
	<!--登陆注册导航栏-->
	<div class="top_nav">
		<div class="top_nav_con">
			<!--登陆注册导航左侧-->
			<ul class="top_nav_left fl">
				<li class="fl">
					<a class="block clicked" href="http://127.0.0.1/project/legou/index.php?m=Home&c=Index&a=index">时尚商城</a>
				</li>
				<li class="fl seoul">
					<a class="block" href="">
						<span class="en">Seoul Station</span>
						<span class="zn">首 尔 站</span>
					</a>
				</li>
				<li class="phone fl">
					<a class="block" href="">
						<i class=""></i>
						手机优购
						<i class="tip"></i>
					</a>
					<div class="phone_con">
			          <p class="clearfix">
			            <span class="fl qr_code">
			            </span>
			            <span class="fl ml10">
			                <a class="btn_app_store btn" href="#" target="_blank">AppStore</a>
			                <a class="btn_android_store btn" href="#" target="_blank">Android</a>
			            </span>
			          </p>
			          <p class="fl qr_code_tip">下载安装 <strong>优购客户端</strong></p>
			        </div>
				</li>
			</ul>
			<!--登陆注册导航右侧-->
			<div class="top_nav_right fr">
				<div class="about_user fl">
										<div class="ok_login">
						<div class="username fl">
							您好！<span>Colorado</span>
						</div>
						<div class="quit fl">
							<a href="http://127.0.0.1/project/legou/index.php?m=Home&c=Login&a=quit">退出</a>
						</div>
					</div>
					
               				</div>
				
				<div class="my_yg link_box hover">
					<a href="http://127.0.0.1/project/legou/index.php?m=Home&c=UserCenter&a=index" class="my">我的优购</a>
					<ul class="info_con">
						<li><a href="#">我的收藏</a></li>
					</ul>
				</div>
				
				<div class="my_order link_box">
					<a href="#">我的订单</a>
				</div>
				
				<div class="notice link_box">
					<span class="notice_text">公告</span>
					<ul class="notice_con">
						<li><a href="#">公告1</a></li>
						<li><a href="#">公告2</a></li>
						<li><a href="#">公告3</a></li>
						<li><a href="#">公告4</a></li>
						<li><a href="#">公告5</a></li>
					</ul>
				</div>
				
				<div class="more link_box">
					<span class="more_text">更多</span>
					<ul class="more_con">
						<li><a href="#">收藏优购</a></li>
						<li><a href="#">帮助</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
		
		
	</div>

<script type="text/javascript">
	$(function(){
	$('.mycart_nav').hover(function(){
		$('#shoppingcartContainer').css({display:'block'});
		$.ajax({
			type:"post",
			url:cart,
			data:{status:1},
			dataType:'json',
			success:function(data){
				var str = '';
				var num = 0;
				$.each(data, function(k,v) {
					str +='<div class="goods"><table><tr style="border-bottom: 1px dotted #CCCCCC;"><td style="text-align: center;" width="60">';
		    		str +='<a href="#"><img style="width: 40px;height: 40px;" src="'+v.options.listpic+'"/></a></td><td width="240" style="padding-left: 6px;"><p>';
		    		str +='<a href="">'+v.name+'</a></p><p>';
		    		str +='颜色：<span>'+v.options.color+'</span>';
		    		str +='&nbsp;&nbsp;&nbsp;&nbsp;'
		    		str +='尺寸：<span>'+v.options.size+'</span></p></td><td width="60">';
		    		str +='<span>￥'+v.total+'</span></td><td class="change_num" width="60">';
					str +='数量：'+v.num+'</td></tr></table></div>';
		    		num++;
				});
				str +='<div class="count">';
				str +='<p class="fl">共<span>' + num +'</span>件商品</p>';
		    	str +='<a class="btn fr" href="http://127.0.0.1/project/legou/index.php?m=Home&c=Cart&a=index">去购物车结算</a></div>';
		    		
				
				$('#shoppingcartContainer').html(str);
			}
		});
	},function(){
		$('#shoppingcartContainer').css({display:'none'});
	})
})

</script>















<div id="order">
	<div class="success_tip">
		<h2><i class="iconfont">&#xe631;</i>购买成功！可前往<a href="<?php echo U('UserCenter/myOrder')?>">我的订单</a>查看订单信息。</h2>
		
	</div>
</div>

	<!--载入底部公共模板-->
<!--底部公用模板-->
<div id="footer">
		<!--配送售后信息-->
	<div class="infor">
		<div class="infor_body">
			<ul class="infor_body_title">
				<li>
					<i class="icon1"></i>
					<a href="">
						<em>100%</em>
						正品保证
					</a>
				</li>
				<li>
					<i class="icon2"></i>
					<a href="">
						<em>10天</em>
						退换货
					</a>
				</li>
				<li>
					<i class="icon3"></i>
					<a href="">
						<em>10天调价</em>
						补差额
					</a>
				</li>
				<li>
					<i class="icon4"></i>
					<a href="">
						<em>7X24小时</em>
						在线客服
					</a>
				</li>
			
			</ul>
		</div>
		<div class="hlep_infor">
			<dl>
				<dt>新手帮助</dt>
				<dd>
					<a href="">交易条款协议</a>
				</dd>
				<dd>
					<a href="">注册新用户</a>
				</dd>
				<dd>
					<a href="">会员积分详情</a>
				</dd>
			</dl>
			<dl>
				<dt>新手帮助</dt>
				<dd>
					<a href="">交易条款协议</a>
				</dd>
				<dd>
					<a href="">注册新用户</a>
				</dd>
				<dd>
					<a href="">会员积分详情</a>
				</dd>
			</dl>
			<dl>
				<dt>新手帮助</dt>
				<dd>
					<a href="">交易条款协议</a>
				</dd>
				<dd>
					<a href="">注册新用户</a>
				</dd>
				<dd>
					<a href="">会员积分详情</a>
				</dd>
			</dl>
			<dl>
				<dt>新手帮助</dt>
				<dd>
					<a href="">交易条款协议</a>
				</dd>
				<dd>
					<a href="">注册新用户</a>
				</dd>
				<dd>
					<a href="">会员积分详情</a>
				</dd>
			</dl>
			<dl>
				<dt>新手帮助</dt>
				<dd>
					<a href="">交易条款协议</a>
				</dd>
				<dd>
					<a href="">注册新用户</a>
				</dd>
				<dd>
					<a href="">会员积分详情</a>
				</dd>
			</dl>
			<dl class="help">
				<dt>优购客服</dt>
				<dd>
					<a class="online_help" href=""><i></i><span>在线咨询</span></a>
				</dd>
				<dd class="email">
					<span>Email:</span>
					<em>service@yougou.com</em>
				</dd>
			</dl>
			<dl class="qr_code">
				<dd class="mobile fl">
					<a href="#">
						<img src="Public/Home/images/icon/footer-mobile-qrcode.jpg" alt="" />
					</a>
				</dd>
				<dd class="wechat fl">
					<img src="Public/Home/images/icon/footer-wechat-qrcode.jpg"/>
				</dd>
			</dl>
		</div>
	</div>
	
	<!--网页最下面-->
	<div class="law">
		<div class="law_body">
			<div class="law_logo fl">
				<a href="#"><img src="Public/Home/images/icon/endlogo.gif" alt="" /></a>
			</div>
			<div class="law_all fr">
				<p class="tright">
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
				</p>
				<p class="tright">
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
					|
					<a href="#">关于优购</a>
				</p>
				<p class="tright beian">
					<a href="#">
						<img src="Public/Home/images/icon/sm_124x47.png" alt="" />
					</a>
					<a href="#">
						<img src="Public/Home/images/icon/ebs.png" alt="" />
					</a>
					<a href="#">
						<img src="Public/Home/images/icon/ebs-logo.jpg" alt="" />
					</a>
					<a href="#">
						<img src="Public/Home/images/icon/beian1.png" alt="" />
					</a>
					<a href="#">
						<img src="Public/Home/images/icon/beian2.png" alt="" />
					</a>
				</p>
			</div>
		</div>
	</div>
</div>

<!--载入js-->

<script src="Public/Home/js/common.js" type="text/javascript" charset="utf-8"></script>
                
<script src="Public/Home/js/cart.js" type="text/javascript" charset="utf-8"></script>

               <!--返回顶部-->
<script src="Public/Home/js/backTop.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){
		$('.backtop').backTop();
	})
	
	</script>
<div class="backtop" style="width: 50px;height: 50px;background: black;color: white;text-align: center;line-height: 25px;cursor: pointer;">
	返回<br />顶部
</div>






</body>
</html>
















